<template>
  <div class="table03" :class="[borderspace=='true' ? 'table':'table1']">
    <slot></slot>
  </div>
</template>
<style scoped>
  th,
  td {
    padding: 10px 5px;
  }
  table{
    width: 100%;
    background-color: #fff;
    color: #666;
    border-collapse: separate;
  }
  .table table {
    border-spacing: 0px 10px;
  }
  .table1 table {
    border-spacing: 0px 0px;
  }
  thead tr:first-child {
    background-color: #f2f2f2!important;
  }
  th:first-child,td:first-child {
    padding-left: 20px!important;
  }
  th,td {
    text-align: left;
    padding: 10px 5px;
  }
  tbody tr:not(first-child) {
    background-color: #f2f2f2;
  }
  table.row-interval tr:nth-child(odd) {
    background: #fff;
  }
  .table03>>>.el-input__inner{
    height: 32px!important;
  }
  .table03>>>.el-input__icon{
    line-height: 32px!important;
  }
</style>
<script>
  export default {
    name: "table03",
    props: {
      borderspace:{
        default:'true'
      }
    },
    methods: {},
    created(){
    }
  };
</script>
